var left = document.getElementById('tab_list_left');
var right = document.getElementById('tab_list_right')
var left_list = document.getElementById('left_list');
var right_list = document.getElementById('right_list');
var detail_tab_list = document.getElementsByClassName('detail_tab_list')[0];
var ul = detail_tab_list.childNodes;
console.log(ul)
// console.log(detail_tab_list);
left.addEventListener('click',function(){
  left.classList.add("current");
  right.classList.remove("current");
  left_list.style.display = 'block';
  right_list.style.display = 'none';
})


right.addEventListener('click',function(){
  right.classList.add("current");
  left.classList.remove("current");
  left_list.style.display = 'none';
  right_list.style.display = 'block';
})